<template>
  <div class="app-container">
    <router-view />
    <BottomMenu />
  </div>
</template>

<script>
import BottomMenu from './components/BottomMenu.vue';

export default {
  components: {
    BottomMenu,
  },
};
</script>

<style scoped>
.app-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.bottom-menu {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #fff;
  border-top: 1px solid #eaeaea;
  z-index: 1000;
}
</style>